<template>
  <div class="search-view">
    <div class="has-header">
      {{ queryStr }}
    </div>
  </div>
</template>
<script>
import Bus from '../common/bus'
export default {
  name: 'search-view',
  data () {
    return {
      queryStr: this.$route.params.q
    }
  },
  created: function () {
    Bus.$on('changeInput', queryStr => {
      this.queryStr = queryStr
    })
  }
}
</script>
<style lang="scss" scoped>

</style>
